
<header>
            <a href='/'><h2>Dokumentasi Tips Trick Web Design</h2></a>
        </header>
 <div id='outer-wrapper'><div id='wrap2'>

<div class='center' id='topbar'>
<a class='round nod' href='#blog'>Blog</a><a class='round nod' href='#ra'>Article</a> <a class='round nod' href='#bl'>Photo</a> <a class='round nod' href='#tentang'>About Me</a> <a class='round nod' href='#inspiration'>Inspiration</a> </div>
     <div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>

      </div>

<hr class='clear'/>
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section></div>

<b:section class='bsn' id='ikl' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>     

<b:section class='jjl' id='jjk' preferred='yes'>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
</b:section>      
        <b:section class='sb' id='bls' preferred='yes'>
<b:widget id='BlogList1' locked='false' title='' type='BlogList'/>
</b:section>  
<b:section class='db' id='dbf' preferred='yes'>
<b:widget id='BlogList2' locked='false' title='' type='BlogList'/>
</b:section>  
</div>
</div>
</div>